<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>大数据信息</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
            minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
</head>
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all" />
<script src="../../layuiadmin/layui/js/jquery-1.11.3.js"></script>
<script src="../../layuiadmin/layui/js/jquery.leoweather.min.js"></script>
<script src="../../layuiadmin/layui/js/echarts.min.js"></script>
<script src="../../layuiadmin/layui/layui.js"></script>
<style>
    .img-group {
        position: relative;
        display: inline-block;
    }
    
    .img-tip {
        position: absolute;
        bottom: 0;
        color: #fff;
        height: 20px;
    }
    
    .img-tip1 {
        position: absolute;
        bottom: 0;
        color: #fff;
        font-size: 18px;
        top: 10px;
        background-color: #273140;
        height: 45px;
        width: 100px;
        text-align: center;
    }
    
    .img-tip2 {
        position: absolute;
        bottom: 0;
        color: #fff;
        font-size: 22px;
        top: 30px;
        height: 42px;
        width: 90px;
        text-align: center;
        font-weight: bold;
    }
</style>

<body style="background-color: #000000;overflow: hidden;" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!--
      <div class="img-group">
        <img
          src="../../layuiadmin/layui/images/images/index_01.jpg"
          width="1920"
          height="81"
          alt=""
        />
        <div class="img-tip" style="font-size:34px;width: 100%;top:22px">
          <img
            src="../../layuiadmin/layui/images/images/logo.png"
            style="margin-left: 35px;"
            width="50"
            height="50"
          />
          <div style="width: 100%;margin-left: 100px;margin-top: -45px;">
            <b>杭州市医疗废物智慧监管平台系统</b>
          </div>
          <div
            style="font-size:22px;margin-right:70px;float: right;margin-top:-32px;"
          >
            <span id="weather"></span>
          </div>
        </div>
      </div>
    -->
    <div style="margin-top: -4px">
        <img src="../../layuiadmin/layui/images/images/index_03.jpg" width="100%" height="90" alt="" />
        <div class="img-tip" style="font-size:25px; top:10px;margin-left:20px;color: yellow;background-color:#273140;height:45px">
            <div style="margin-top:5px">
                <span style="font-weight:bold">&nbsp;2018年收集总量(Kg)&nbsp;</span>
            </div>
        </div>
        <div class="img-tip" style="font-size:25px; top:10px;margin-left:290px;font-weight: bold;width:150px;text-align:center;height: 45px;color: white;background-color: #273140">
            <div style="margin-top:7px"><span id="total"></span></div>
        </div>
        <div class="img-tip1" style="margin-left:466px;"><b>感染性废物</b></div>
        <div class="img-tip2" style="margin-left:470px" id="grx"></div>
        <div class="img-tip1" style="margin-left:592px"><b>损伤性废物</b></div>
        <div class="img-tip2" style="margin-left:597px" id="ssx"></div>
        <div class="img-tip1" style="margin-left:718px"><b>药物性废物</b></div>
        <div class="img-tip2" style="margin-left:723px" id="ywx"></div>
        <div class="img-tip1" style="margin-left:844px"><b>病理性废物</b></div>
        <div class="img-tip2" style="margin-left:849px" id="blx"></div>
        <div class="img-tip1" style="margin-left:970px"><b>化学性废物</b></div>
        <div class="img-tip2" style="margin-left:975px" id="hxx"></div>
        <div class="img-tip1" style="margin-left:1096px"><b>输液瓶</b></div>
        <div class="img-tip2" style="margin-left:1101px" id="ping"></div>
        <div class="img-tip1" style="margin-left:1222px"><b>输液袋</b></div>
        <div class="img-tip2" style="margin-left:1227px" id="dai"></div>
    </div>
    <div style="margin-top: -4px;">
        <img src="../../layuiadmin/layui/images/images/index_051.jpg" width="300" height="341" alt="" />
        <div class="img-tip" style="font-size:20px; top:
                90px;margin-left:20px">
            <b>各区县本年收集总量排名</b>
        </div>
        <div class="img-tip" style="top: 120px;margin-left:10px;width:
                300px;height:380px" id="collm"></div>
    </div>
    <div style="margin-top: -330px;margin-left: 300px;">
        <img src="../../layuiadmin/layui/images/images/index_061.jpg" width="1080" height="341" alt="" />
        <div class="img-tip" style="font-size:25px; top:
                90px;font-family:楷体">
            <b>杭州市<span style="color:#f08519" id="region">上城区</span></b>
        </div>
        <div class="img-tip" style="top: 187px;left: 688px;" id="img0">
            <img src="../../layuiadmin/layui/images/images/s01.png" />
        </div>
        <div class="img-tip" style="top: 170px;left: 692px;display: none;" id="img1">
            <img src="../../layuiadmin/layui/images/images/s02.png" />
        </div>
        <div class="img-tip" style="top: 164px;left: 699px;display: none;" id="img2">
            <img src="../../layuiadmin/layui/images/images/s03.png" />
        </div>
        <div class="img-tip" style="top: 162px;left: 679px;display: none;" id="img3">
            <img src="../../layuiadmin/layui/images/images/s04.png" />
        </div>
        <div class="img-tip" style="top: 198px;left: 686px;display: none;" id="img4">
            <img src="../../layuiadmin/layui/images/images/s05.png" />
        </div>
        <div class="img-tip" style="top: 171px;left: 662px;display: none;" id="img5">
            <img src="../../layuiadmin/layui/images/images/s06.png" />
        </div>
        <div class="img-tip" style="top: 163px;left: 678px;display: none;" id="img6">
            <img src="../../layuiadmin/layui/images/images/s07.png" />
        </div>
        <div class="img-tip" style="top: 127px;left: 598px;display: none;" id="img7">
            <img src="../../layuiadmin/layui/images/images/s08.png" />
        </div>
        <div class="img-tip" style="top: 233px;left: 510px;display: none;" id="img8">
            <img src="../../layuiadmin/layui/images/images/s09.png" />
        </div>
        <div class="img-tip" style="top: 243px;left: 355px;display: none;" id="img9">
            <img src="../../layuiadmin/layui/images/images/s10.png" />
        </div>
        <div class="img-tip" style="top: 303px;left: 456px;display: none;" id="img10">
            <img src="../../layuiadmin/layui/images/images/s11.png" />
        </div>
        <div class="img-tip" style="top: 206px;left: 555px;display: none;" id="img11">
            <img src="../../layuiadmin/layui/images/images/s12.png" />
        </div>
        <div class="img-tip" style="top: 153px;left: 444px;display: none;" id="img12">
            <img src="../../layuiadmin/layui/images/images/s13.png" />
        </div>

        <div class="img-tip" style="font-size:20px; top:
                90px;margin-left:515px">
            <b><span style="color:#f08519" id="region1">上城区</span>昨日收集数据</b>
        </div>
        <div class="img-tip" style="top:120px;margin-left: 510px;width:
                270px;height: 280px" id="today2"></div>
        <div class="img-tip" style="top: 110px;margin-left: 660px;width:
                450px;height: 280px;" id="today1"></div>
        <!-- <div class="img-tip" style="font-size:20px; top:
               280px;margin-left:515px">
            <b><span style="color:#f08519" id="region2">秀洲区</span>本月收集收集数据</b>
        </div>
        <div class="img-tip" style="top: 310px;margin-left: 510px;width:
                270px;height:180px;z-index:
                1;" id="month2"></div>
        <div class="img-tip" style="top: 270px;margin-left: 765px;width:
                300px;height:
                210px;z-index: 2" id="month1"></div> -->
    </div>
    <div style="margin-top: -4px;width: 540px;">
        <img src="../../layuiadmin/layui/images/images/index_071.jpg" width="540" height="370" alt="" />
        <div class="img-tip" style="font-size:20px;
                top:490px;margin-left:20px">
            <b>今年各月杭州市收集总量(Kg)</b>
        </div>
        <div class="img-tip" style="top: 530px;width:
               540px;height: 260px" id="colly"></div>
    </div>
    <div style="margin-left: 560px;">
        <div class="img-tip" style="font-size:20px;
                top:490px;margin-left:20px">
            <b>医院实时收集信息(Kg)</b>
        </div>
        <div class="img-tip" style="top: 530px;width: 450px;height:
               260px;overflow:hidden;margin-left: -15px" id="custcon">
            <table style="text-align:center;width: 100%;">
                <thead>
                    <th width="22%">医院名称</th>
                    <th width="15%">医院科室</th>
                    <th width="10%">收集重量</th>
                    <th width="12%">收集时间</th>
                </thead>
                <tbody id="tt"></tbody>
            </table>
        </div>
    </div>
    <div style="margin-left: 1010px;">
        <div class="img-tip" style="font-size:20px; top:500px;">
            <b>重点医院收集信息</b>
        </div>
        <div class="img-tip" style="width:360px;height: 300px;top:538px;background-color: #000000">
            <div class="layui-carousel" id="test1">
                <div carousel-item>
                    <div id="h0" style="width: 360px;height: 272px"></div>
                    <div id="h1" style="width: 360px;height: 272px"></div>
                    <div id="h2" style="width: 360px;height: 272px"></div>
                    <div id="h3" style="width: 360px;height: 272px"></div>
                </div>
            </div>
        </div>

        <!--
        <div class="img-tip" style="top: 737px;margin-left: 20px;width: 285px;height: 300px" id="zd"></div>
      -->
    </div>

</body>
<script>
    var h = $(document).height();
    var w = $(document).width();
    // $("#weather").leoweather({
    //   format:
    //     "<strong>{年}年{月}月{日}日 周{周}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{时}:{分}:{秒}</strong></span>"
    // });
    layui.use("carousel", function() {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: "#test1",
            width: "100%", //设置容器宽度
            arrow: "none", //始终显示箭头
            //,anim: 'updown' //切换动画方式
            indicator: "none",
            interval: 10000,
            height: "270px"
        });
    });


    var mychart4 = echarts.init($("#today1")[0]);
    var mychart5 = echarts.init($("#today2")[0]);
</script>
<script src="../../layuiadmin/layui/js/hzdata1440.js"></script>

</html>